/*
 * @Author: xiaosihan 
 * @Date: 2024-11-07 21:21:15 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-11-07 21:23:07
 */

import { autorun } from "mobx";
import { ReactNode, useEffect, useRef, useState } from "react";
import styles from "./fpsDemo.module.less";
import fpsDemoRender from "./fpsDemoRender";

interface Iprops {
    children?: ReactNode
}

export default function FPSDemo(props: Iprops) {

    const dom = useRef<HTMLDivElement | null>(null);
    const [data, setData] = useState({});

    useEffect(() => {

    }, []);

    useEffect(() => autorun(() => {

    }, { delay: 10 }), []);

    return (
        <div ref={dom} className={styles.fpsDemo} >
            <div ref={dom => fpsDemoRender.setContainer(dom)} className={styles.container} ></div>
        </div>
    );

}